import { Field } from '@rocket.chat/fuselage';
import React from 'react';

import { ActionSettingInput } from './ActionSettingInput';

export default {
	title: 'admin/settings/inputs/ActionSettingInput',
	component: ActionSettingInput,
	decorators: [
		(storyFn) => <Field>{storyFn()}</Field>,
	],
};

export const _default = () =>
	<ActionSettingInput
		_id='setting_id'
		actionText='Action text'
		value='methodName'
	/>;

export const disabled = () =>
	<ActionSettingInput
		_id='setting_id'
		actionText='Action text'
		value='methodName'
		disabled
	/>;

export const withinChangedSection = () =>
	<ActionSettingInput
		_id='setting_id'
		actionText='Action text'
		value='methodName'
		sectionChanged
	/>;
